/**
 *    Copyright (C) 2015 Deco Software Inc.
 *
 *    This program is free software: you can redistribute it and/or modify
 *    it under the terms of the GNU Affero General Public License, version 3,
 *    as published by the Free Software Foundation.
 *
 *    This program is distributed in the hope that it will be useful,
 *    but WITHOUT ANY WARRANTY; without even the implied warranty of
 *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *    GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

import React, { Component, PropTypes, } from 'react'
import pureRender from 'pure-render-decorator'

import NavigatorHeaderButton from './NavigatorHeaderButton'
import TwoStateButton from '../buttons/TwoStateButton'

const hoverStyle = {opacity: 0.75}
const enabledStyle = {opacity: 0.5}
const navigatorHeaderButtonClass = 'icon-play'

@pureRender
export default class PlayButton extends Component {

  static propTypes = {
    isActive: PropTypes.bool,
    onClick: PropTypes.func,
  }

  static defaultProps = {
    isActive: false,
    onClick: () => {},
  }

  render() {
    const {node, onClick, isActive} = this.props

    return (
      <TwoStateButton
        enabled={isActive}
        onChange={onClick}
        hoverStyle={hoverStyle}
        enabledStyle={enabledStyle}>
        <div>
          <NavigatorHeaderButton
            buttonClass={navigatorHeaderButtonClass}
          />
        </div>
      </TwoStateButton>
    )
  }
}
